<?php error_reporting(0) ;
ini_set("display_errors", 0 );
?>
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/validate.js'?>"></script>
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/calendario.js'?>"></script>
<script type="text/javascript">
    
	
</script>
<div align="center">
        <div align="center" id="div_principal">
          <form id="formDiario">
<table width="740" >
                    <tr>
                        <td align="center">Data In&iacute;cio:
                            <input type="text" size="10" id="dt_inicio_diario" readonly class="datepicker"/>
                            Data Fim: <input type="text" size="10" id="dt_fim_diario" readonly class="datepicker"/>
                            <input type="button"  id="btnListarDiario"  onclick="listarDiario()"/>

                        </td>
                        <td align="center">
                        <td align="right"></td>
                      <td align="left"></td>
                      <td align="left">
                      	
                      </td>
                    </tr>
                </table>
            </form>
          <br />
        </div><br /></div>
        <div id="listaDiario" ></div>
        <br /><br /><br />
        

<script>
    function listarDiario(){
        var dt_inicio_diario = jQuery('input[id="dt_inicio_diario"]').val();
        var dt_fim_diario = jQuery('input[id="dt_fim_diario"]').val();

        if(!dt_inicio_diario && !dt_fim_diario){
            alert('Por favor, informe no minimo um criterio para pesquisa.');

        } else {
            jQuery.ajax( {
                type: "POST",
                url: '?c=c_docente&m=listarDiario',
                cache: false,
                data: {dt_inicio_diario:dt_inicio_diario,dt_fim_diario:dt_fim_diario},
                beforeSend: function (){
                    $('#div_body').addClass("div_carregando");
                },
                complete:  function(){
                    $('#div_body').removeClass("div_carregando");

                },
                success: function(data){
                    $("#div_body").html(data);
                }
            });


        }

    }
</script>